$(function () {
  //实现退出功能
  /* 
  给退出按钮注册点击事件
  弹出询问框 询问用户是否真的退出
  如果是确定退出，跳转到登录页面同时要移除token
  */
  $("#logout").on("click", function () {
    //弹出询问框 询问用户是否真的退出
    layer.confirm(
      "您真的要退出吗?",
      { icon: 3, title: "提示" },
      function (index) {
        //do something
        //点击确定的时候触发这和回调函数
        //如果是确定退出，跳转到登录页面同时要移除token
        localStorage.removeItem("token");
        location.href = "/login.html";
        layer.close(index);
      }
    );
  });

  //渲染用户头像和昵称
  /* 
  1、定义函数，发起ajax请求
  2、判断请求成功与否
  3、将数据渲染到用户昵称和头像中
  */
  // 1、定义函数，发起ajax请求

  getuserInfo();
});
//设为全局函数，为修改做调用
function getuserInfo() {
  $.ajax({
    url: "/my/userinfo",
    // headers: {
    //   Authorization: localStorage.getItem("token")
    // },
    success: function (res) {
      const { data, message, status } = res;
      //判断请求成功与否
      if (status !== 0) return layer.msg(message, { icon: 5 });

      //将数据渲染到用户昵称和头像中
      /* 
      如果有昵称，先渲染昵称，如果没有，渲染用户名
      */
      const uname = data.nickname || data.username;
      // console.log(data.nickname);
      $("#welcome").html(`欢迎${uname}`);
      /* 
      渲染头像
      如果有user_pic有值，渲染图片头像，让它显示，文字头像隐藏
      如果有user_pic没值，将图片头像隐藏，让文字头像显示，获取用户首字母转大写


      */
      if (data.user_pic) {
        //有值，渲染图片头像，让它显示，让文字头像隐藏 attr
        $(".layui-nav-img").show().attr("src", data.user_pic);
        $(".text-avatar").hide();
      } else {
        //没值，让图片头像隐藏，文字头像显示，获取用户首字母转大写
        $(".layui-nav-img").hide();
        $(".text-avatar").show().html(uname[0].toUpperCase());
      }
    }
    // complete:function(xhr){
    //   const {status,message} = xhr.responseJSON
    //   if(status === 1 && message === '身份认证失败！') {
    //     //证明未登录，没有权限
    //     localStorage.removeItem('token')
    //     location.href = '/login.html'
    //   }
    // }
  });
}
